<template>
  <div class="h-10 text-xs leading-10 bg-white">
    <div v-if="type === 1" class="flex justify-between px-4">
      <span>
        <img :src="homeIcons.notice1" class="w-8" alt="" />
        <span class="pl-4">关于app与3月12日更新版本的通知</span>
      </span>
      <img :src="homeIcons.noticeClose1" alt="" class="w-[17px]" />
    </div>
    <div v-else-if="type === 2" class="flex justify-between px-4 bg-[#FFECE5]">
      <span>
        <img :src="homeIcons.notice2" class="w-4" alt="" />
        <span class="pl-4 text-[#FF613F]">关于app与3月12日更新版本的通知</span>
      </span>
      <img :src="homeIcons.noticeClose2" alt="" class="w-[17px]" />
    </div>
    <div v-else class="flex justify-between mx-4 px-3 bg-[#FFECE5]">
      <span>
        <img :src="homeIcons.notice2" class="w-4" alt="" />
        <span class="pl-4 text-[#FF613F]">关于app与3月12日更新版本的通知</span>
      </span>
      <img :src="homeIcons.noticeClose2" alt="" class="w-[17px]" />
    </div>
  </div>
</template>

<script setup lang="ts">
import { withDefaults } from 'vue'
import homeIcons from '../../assets'

const props = withDefaults(defineProps<{ type: number }>(), { type: 1 })
</script>

<style scoped lang="less"></style>
